<template>
	<view class="scorewrapper">
		<view class="flexbetween w bgc_fff itembox">
			<view class="lucky_card">
				<p class="fw f28 pt10">{{item.type_name}}</p>
				<p class="f24 c_868686">{{item.msg}}</p>
			</view>
			<view class="imgbox">
				<image @click="goDetail" :src="`${imgPath}/upload/turnbg/jifen_ico.png`" mode=""></image>
			</view>

		</view>
		<image @click="goDetail" class="jifen_banner" :src="item.photo" mode=""></image>
	</view>
</template>
<script>
	export default {
		props: ["item"],
		data() {
			return {
				imgPath: uni.imgPath,
			}
		},
		methods: {
			goDetail() {
				uni.navigateTo({
					url: `/pagesTask/turnTable/index?taskId=${taskId}`
				})
				if (this.item.task_list.length == 0) {
					uni.showToast({
						title: "当前没有进行中的活动"
					})
					return
				}
				var taskId = this.item.task_list[0].t_id;

				uni.navigateTo({
					url: `/pagesTask/turnTable/index?taskId=${taskId}`
				})
			}
		}

	}
</script>
<style lang="scss" scoped>
	.scorewrapper {
		padding: 10rpx 20rpx;
	}

	.itembox {
		border-radius: 20rpx;
	}

	.lucky_card {
		height: 143rpx;
		padding: 10rpx 30rpx;

		p {
			line-height: 56rpx;
		}
	}

	.jifen_banner {
		border-radius: 20rpx;
	}

	.imgbox {

		height: 143rpx;

		image {
			width: 201rpx;
			height: 143rpx;

		}
	}

	.jifen_banner {
		height: 400rpx;
		width: 100%;
		margin-top: 20rpx;
	}

	.drawbox {
		border-radius: 20rpx;
		height: 340rpx;
		padding: 30rpx 0;

		.scroll-view {
			white-space: nowrap;
			width: 100%;
			overflow: hidden;
			height: 340rpx;

			.list {
				display: inline-block;
				width: 228rpx;
				height: 280rpx;
				text-align: center;
				margin: 0 30rpx;

				.img {
					width: 228rpx;
					height: 167rpx;
					margin-top: 10rpx;
					border-radius: 16rpx;
				}

				.tit {
					color: #000;
					font-size: 24rpx;
					margin: 10rpx 0;
				}

				.con {
					color: #868686;
					font-size: 24rpx;
					margin-bottom: 15rpx;
				}

				.btn {
					width: 200rpx;
					border-radius: 44rpx;
					height: 52rpx;
					line-height: 52rpx;
					margin: 0 auto;
					background: linear-gradient(180deg, #148DFF 0%, #6CC3FF 100%);
					color: #fff;
					text-align: center;
					font-size: 26rpx;
				}

			}
		}
	}
</style>